メインコンテンツへスキップ

All Posts

News bits

React Compiler を React v18 で利用する

React Compiler がベータリリースされた。

https://react.dev/blog/2024/10/21/react-compiler-beta-release

設定を変更することで React v17 と v18 でも利用可能。

https://react.dev/learn/react-compiler#using-react-compiler-with-react-17-or-18

js
// babel.config.js
const ReactCompilerConfig = {
  target: "18", // '17' | '18' | '19'
};

module.exports = function () {
  return {
    plugins: [["babel-plugin-react-compiler", ReactCompilerConfig]],
  };
};

著者について

Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.

In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.

In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.

In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.

I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.